<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh-CN" class="ie8" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:replace="head :: common_header(~{::title},~{::link})">
    <title>庭审信息管理平台</title>
    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link rel="stylesheet" th:href="@{/assets/css/more_reviewing.css}"/>
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
</head>
<body>

<!--loading 加载层-->
<div th:replace="~{head :: loading}"></div>
<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <!-- begin #header -->
    <div th:replace="~{head.html :: head_nav(${session.user.realName})}"></div>
    <!-- begin #content -->
    <div id="content" class="content">
        <ol class="breadcrumb cmp-breadcrumb">
            <li>
                <a th:href="@{/index}"><i class="fa fa-home fa-lg"></i><span class="context-span">&nbsp;主页</span></a>
            </li>
            <li>
                <a href="javascript:base.back();"><i class="fa  fa-arrow-left fa-lg"></i><span class="context-span">&nbsp;后退</span></a>
            </li>
            <li class="active">
                <a href="javascript:location.reload();"><i class="fa fa-refresh fa-lg"></i><span class="context-span">&nbsp;准点分类</span></a>
            </li>
        </ol>
        <div class="panel cmp-panel">
            <div class="panel-body">
                <div class="well">
                    <div class="row">
                        <form class="form-horizontal" role="form">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group form-no-margin">
                                        <label for="selectAllChildCourts"  class="col-md-2 col-xs-4 text-right">所属法院：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <select id="selectAllChildCourts" title="" class="form-control"></select>
                                        </div>

                                        <label for="allCourtRooms"  class="col-md-2 col-xs-4 text-right">开庭地点：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <select id="allCourtRooms" title="" class="form-control"></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-no-margin">
                                        <label for="caseTypeName"  class="col-md-2 col-xs-4 text-right">案件类型：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <select id="caseTypeName" title="" class="form-control"></select>
                                        </div>
                                        <label for="onTimeTypeName"  class="col-md-2 col-xs-4 text-right">准点类型：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <select id="onTimeTypeName" title="" class="form-control"></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-no-margin">
                                        <label for="caseno" class="col-md-2 col-xs-4 text-right">案号：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <input type="text" class="form-control" id="caseno" placeholder="案号">
                                        </div>
                                        <label for="caseName" class="col-md-2 col-xs-4 text-right">案件名称：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <input type="text" class="form-control" id="caseName" placeholder="案件名称">
                                        </div>
                                    </div>
                                    <div class="form-group form-no-margin">
                                        <label for="allJudges"  class="col-md-2 col-xs-4 text-right">法官：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <select id="allJudges" title="" class="form-control"></select>
                                        </div>

                                        <label for="allSecretary"  class="col-md-2 col-xs-4 text-right">书记员：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <select id="allSecretary" title="" class="form-control"></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-no-margin">
                                        <label for="startTime" class="col-md-2 col-xs-4 text-right">开庭时间：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <div class='input-group date ' id='startTime' style="float: left">
                                                <input type='text' class="form-control" />
                                                <span class="input-group-addon datetime-cus">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group form-no-margin">
                                        <label for="endTime" class="col-md-2 col-xs-4 text-right">至：</label>
                                        <div class="col-md-4 col-xs-8">
                                            <div class='input-group date' id='endTime'>
                                                <input type='text' class="form-control " />
                                                <span class="input-group-addon datetime-cus">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-xs-8"></div>
                                        <div class="col-md-3 col-xs-4 text-right">
                                            <button type="button" class="btn btn-cmp-distinct btn-block" id="conditionBtn">搜索</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row row-no-padding" hidden="hidden">
                    <div id="_court_div">

                    </div>
                </div>
                <div id="_page">
                </div>
            </div>
        </div>
    </div>

    <!-- end #content -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-blue btn-scroll-to-top fade" data-click="scroll-top"><i
            class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>

<!-- ================== BEGIN BASE JS ================== -->
<div th:replace="head :: footer_js(~{::script})">
    <script th:src="@{/assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
    <script th:src="@{/assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"
            charset="UTF-8"></script>
    <script th:inline="javascript">
        var courtroomList = [[${courtroomList}]];
        var caseTypeList = [[${caseTypeList}]];
        var onTimeTypeList = [[${onTimeTypeList}]];
    </script>
    <script th:src="@{/assets/js/court_on_time_show.js}"></script>
    <script th:src="@{/assets/plugins/cmp-uvedomleniye/uvedomleniye.js}"></script>
    <script>
        $(document).ready(function () {
            App.init();
        });
    </script>
</div>
<!-- ================== END PAGE LEVEL JS ================== -->

</body>
</html>
